<!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript" charset="utf-8" src="lib/phonegap-1.0.0.js"></script>
        <script type="text/javascript" charset="utf-8" src="lib/childbrowser.js"></script>
        
        <script type="text/javascript" charset="UTF-8">
        	function clickme(type){
        		try{
        			var uri;
        			switch(type){
        				case "web": uir = ("http://www.google.com"); break;
        				case "tel": uir = ("tel:114"); break;
        				case "contacts": uir = ("content://contacts/people/"); break;
        				case "peopel": uir = ("contacts://contacts/people/1"); break;
        				case "geo": uir = ("geo:31.23136,121.47004"); break;
        				case "file": uir = ("file:///android_asset/www/another.html"); break;
        				default: throw new Error("Unknown type: " + type);
        			}
        			window.plugins.childBrowser.showWebPage(uir);
        		}catch(ex){
        			alert(ex.message);
        		}
        	}
        </script>
        <style type="text/css">
        	input{
        		display: block;
        		margin: 20px auto;
        		width: 80%;
        	}
        </style>
    </head>
    <body>
    	<input type="button" value="web page" onclick="clickme('web');" />
    	<input type="button" value="tel" onclick="clickme('tel');" />
    	<input type="button" value="contacts list" onclick="clickme('contacts');" />
    	<input type="button" value="contacts peopel" onclick="clickme('peopel');" />
    	<input type="button" value="geo" onclick="clickme('geo');" />
    	<input type="button" value="mp3" onclick="clickme('file');" />
    </body>
</html>